extends layout
block config
	-var config= {}
	-config.title ="首页"
block script
	script(src="../static/js/swiper-3.3.1.min.js")
block css
	link(href="../static/css/swiper.min.css",rel="stylesheet")
block body
	include 模块-搜索
	.banner
		.swiper-container
			.swiper-wrapper
				.swiper-slide
					a
						img(src="../static/img/demo3.png")
				.swiper-slide
					a
						img(src="../static/img/demo3.png")
				.swiper-slide
					a
						img(src="../static/img/demo3.png")
			.swiper-pagination
	script.
		new Swiper('.swiper-container', {
			pagination: '.swiper-pagination',
			paginationClickable: true
		})
	.content
		.list-type.list-type1
			ul
				li
					a
						img(src="../static/img/demo.png")
						span 推荐
				li
					a
						img(src="../static/img/demo.png")
						span 最新
							sup
				li
					a
						img(src="../static/img/demo.png")
						span 排行
				li
					a
						img(src="../static/img/demo.png")
						span 分类
		.list-type.list-type2
			.title1
				div
					img(src="../static/img/demo4.png")
					|热门
			ul
				-for(var li=0; li<12;li++)
					li
						a
							img(src="../static/img/demo.png")
							span 地下城与勇士
		.title1
			a(href="###") 更多+
			div
				img(src="../static/img/demo4.png")
				|小编推荐
		.list-type3
			ul
				-for(var li=0; li<4;li++)
					li
						a
							img(src="../static/img/demo2.png")
							span 地下城与勇士

		.list-type.list-type2
			.title1
				a(href="###") 更多+
				div
					img(src="../static/img/demo4.png")
					|网络游戏

			ul
				-for(var li=0; li<12;li++)
					li
						a
							img(src="../static/img/demo.png")
							span 地下城与勇士
							span.color-type1 类型：角色扮演
							span.color-type1 评分：
								strong.color-type2 8.0
		.list-type.list-type2
			.title1
				a(href="###") 更多+
				div
					img(src="../static/img/demo4.png")
					|最新小游戏
			ul
				-for(var li=0; li<12;li++)
					li
						a
							img(src="../static/img/demo.png")
							span 地下城与勇士
							span.color-type1 类型：角色扮演
							span.color-type1 评分：
								strong.color-type2 8.0
